<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style1</title>
<!--<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" />-->
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" />
<link href="css/style1.css" rel="stylesheet" type="text/css" />
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head>

<body>
<div id="page">
<div id="header">
  <h2>Japanese Food</h2>
</div>
<div id="wrap">
<div id="content">
  <?php $m=2;
  		$n=4;
		$topicNum=1;
	for($i=1;$i<=$m;$i++){
		for($j=1;$j<=$n;$j++){ 
	?>
  <div class="textBorder textBorder<?php print $i.$j;?>">
    <div align="center">
      <table width="100%" cellspacing="1" cellpadding="1">
        <tr>
          <td width="10%" bgcolor="#000000"><div align="center" class="toppicText"><?php print $topicNum++;?></div></td>
          <td width="90%">Green Tea Waffle</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>$10.5</td>
        </tr>
        <tr>
          <td colspan="2"><div align="center"><img class="imgBorder" src="image/img0001.jpg" width="70%" height="50%" align="absmiddle" /></div></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>This has Promotion</td>
        </tr>
      </table>
    </div>
  </div>
  <?php }
  }?>
  <div id="footer">
    <h3> Contact us: 02-2346754, PC NIL Restaurant </h3>
  </div>
</div>
</body>
</html>
